<template>
  <Modal
      width="800px"
      :cancel="false"
      :show="show"
      @ok="show = false"
      @cancel="show = false"
      title="商品图片"
  >
    <img :src="src" width="700" height="600">
  </Modal>
</template>

<script lang="ts">
export default {
  name: "ProductModalImg"
}
</script>

<script setup lang="ts">
import Modal from '@/components/Modal.vue'
import {onMounted, ref} from "vue"

const show = ref<boolean>(false)
const src = ref<string>("")

function init (url: string) {
  src.value = url
  show.value = true
}

defineExpose({
  init
})

onMounted( () => {
} )
</script>

<style scoped lang="scss">

</style>
